extends ../../components/layout
append style
  link(rel='stylesheet', href='../../assets/css/lib/swiper.min.css')
  link(rel='stylesheet', href='../../assets/css/personalCenter/browsingHistory.css')
block title
  title 浏览历史
block content
  .gzl-page.browsing-history
    .list-nav
      .list-nav-inner
        - var tabList = [{"name": "全部","data": "all"},{"name": "跟团游","data": "gty"},{"name": "自由行","data": "zyx"},{"name": "当地游","data": "ddy"},{"name": "邮轮","data": "yl"},{"name": "酒店","data": "jd"},{"name": "票劵","data": "pj"},{"name": "签证","data": "qz"}]
        .nav-inner-box
          ul.tab-list
            - for (var i=0;i<tabList.length;i++)
              if i == 0
                li.tab-item.on(data-list-type="#{tabList[i].data}")
                  a(href="javascript:;") #{tabList[i].name}
              else
                li.tab-item(data-list-type="#{tabList[i].data}")
                  a(href="javascript:;") #{tabList[i].name}
        .list-nav-sel
          .nav-sel-inner
      .list-nav-more
        ul.more-list
          - for (var i=0;i<tabList.length;i++)
            if i == 0
              li.more-item.on
                a(href="javascript:;") #{tabList[i].name}
            else
              li.more-item
                a(href="javascript:;") #{tabList[i].name}
      .mask
    .gzl-section
      .list-show-bar(data-index="0")
        span 2019-01-03
        +icon('#icon-del')
      .history-content
        .no-record-box
          img(src="../../assets/img/personalCenter/no-record.png", alt="")
          p 亲，您还没有浏览记录喔~
          .back-btn.btn
            a(href="javascript:;") 去首页
        ul.history-list
          li.history-item
            .history-title
              span 2019-01-03
              +icon('#icon-del')
            ul.history-list-inner
              -for (var i = 0; i < 2; i++)
                li.history-item-inner.gzl-cell
                  .item-inner-slide
                    .slide-item
                      .img-box
                        if i == 0
                          .prod-tag.travel 跟团游
                        if i == 1
                          .prod-tag.freetravel 自由行
                        img(src="http://file.gzl.cn/group1/M00/12/71/wKkBH1pN22iAd5oRAAG_UAZQ3dQ130_480X320.jpg", alt="")
                      .info-box
                        .info-title
                          span 马尔代夫金多玛岛6天机＋酒
                          | 广州/香港往返等待确认Holiday集
                        .info-date 团期：中秋、国庆、09-10、09-20、09-30
                        .info-msg
                          i.icon-dian-s
                          ul.msg-list
                            li.msg-item 甜蜜侣程
                            li.msg-item 海滩海岛
                            li.msg-item 旅拍
                        .info-count
                          span
                            | 5.0
                            span 分
                          | ｜6876人办理
                        .info-price
                          | ￥
                          span 20899
                          | 起
                    .slide-show
                      ul
                        li.del-btn
                          p 删除记录
          li.history-item
            .history-title
              span 2019-01-04
              +icon('#icon-del')
            ul.history-list-inner
              -for (var i = 0; i < 6; i++)
                li.history-item-inner.gzl-cell
                  .item-inner-slide
                    .slide-item
                      .img-box
                        if i == 0
                          .prod-tag.localplay 当地玩乐
                        else if i == 1
                          .prod-tag.cruise 邮轮
                        else if i == 2
                          .prod-tag.hotel 酒店
                        else if i == 3
                          .prod-tag.ticket 门票
                        else if i == 4
                          .prod-tag.visa 签证
                        else if i == 5
                          .prod-tag.wifi WiFi
                        img(src="http://file.gzl.cn/group1/M00/12/71/wKkBH1pN22iAd5oRAAG_UAZQ3dQ130_480X320.jpg", alt="")
                      .info-box
                        .info-title
                          span 马尔代夫金多玛岛6天机＋酒
                          | 广州/香港往返等待确认Holiday集
                        if i == 0 || i == 1
                          .info-date 团期：中秋、国庆、09-10、09-20、09-30
                          .info-msg
                            i.icon-dian-s
                            ul.msg-list
                              li.msg-item 甜蜜侣程
                              li.msg-item 海滩海岛
                              li.msg-item 旅拍
                        else if i == 2
                          ul.info-icon-list
                            - for (var l=0;l<5;l++)
                              if l == 4
                                li.info-icon-item
                                  +icon('#icon-diamond-half')
                              else
                                li.info-icon-item
                                  +icon('#icon-diamond')
                          .info-address
                            +icon('#icon-address')
                            p 香港九龙红墈都会道7号香港九龙红墈都会
                        else if i == 3
                          .info-address
                            +icon('#icon-address')
                            p 香港九龙红墈都会道7号香港九龙红墈都会
                        else if i == 4
                          .info-describe 护照有效期或以签出为准｜无需面试
                          .info-precent
                            .info-precent-le 成功率
                            .info-precent-ri 100%
                        else if i == 5
                          .info-describe 适用马来西亚全境（关岛、塞班、黄石公园、大 峡谷、冰川国家公园除外，最多支持两行两行
                        .info-count
                          span
                            | 5.0
                            span 分
                          | ｜6876人办理
                        .info-price
                          | ￥
                          span 20899
                          | 起
                    .slide-show
                      ul
                        li.del-btn
                          p 删除记录
        .no-more 没有更多了~~

append script
  script(src="../../assets/js/personalCenter/browsingHistory.js")